<template>
  <div class="allz">
      <div class="login">
          <span>登陆密码</span>
          <span>定期更换有助于账号安全</span>
          <div>修改密码</div>
      </div>
        <div class="bind">
            <span>绑定微信</span>
            <span>可用绑定的微信扫码登陆</span>
          <div>绑定</div>

        </div>
  </div>
     
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
    .allz {
        height: 100%;
        background-color: #a1a1a1;
        padding: 10%;
        position: relative;
         .login,.bind{
             border-radius: 10px;
        position: absolute;
        width: 90%;
        height: 70px;
        top: 50px;
        left: 5%;
        line-height: 70px;
        // margin: 0 auto;
        background-color: #fff;
        position: relative;
        :first-child {
            padding-left:  100px;
            font-size: 24px;
            font-weight: bold;
        }
        :nth-child(2){
            padding-left: 30px;
        }
        :nth-child(3){
            width: 12%;
            border: 1px solid black;
            text-align: center;
            line-height: 35px;
            border-radius: 10px;
            position: absolute;
            top: 17px;
            right: 130px;
        }
    }
    .bind {
        top: 150px;
        left: 5%;
    }
    }
   
</style>